import React from 'react'
import {connect} from 'react-redux'
import {Result, List, Brief, WhiteSpace, Modal} from 'antd-mobile'
import browserCookie from 'browser-cookies'
import {logoutSubmit} from '../../redux/user.redux'
import {Redirect} from 'react-router-dom'

{/* <Button onClick={()=>{

}}>confim</Button> */
}
@connect(state => state.user, {logoutSubmit})
class User extends React.Component {
    constructor(props) {
        super(props)
        this.logout = this
            .logout
            .bind(this)
    }
    logout() {
        const alert = Modal.alert
        alert('注销', '确认退出登录吗?', [
            {
                text: '取消',
                onPress: () => console.log('cancel')
            }, {
                text: '确认',
                onPress: () => {
                    browserCookie.erase('userid')
                    this
                        .props
                        .logoutSubmit()
                }
            }
        ])
        //browserCookie.erase('userid')

    }
    render() {
        const props = this.props
        const Item = List.Item
        const Brief = Item.Brief
        console.log(props)
        return props.user?(
                <div>
                
                    <Result
                        title={props.user}
                        message={props.type === 'boss'
                        ? props.company
                        : null}
                        img={< img atl = "" style = {{width:50}}title = {
                        props.user
                    }
                    src = {
                        require(`../img/${props.avatar}.jpg`)
                    } />}/>
                    <List renderHeader={() => '简介'}>
                        <Item multipleLine>{props.title} {props
                                .desc
                                .split('\n')
                                .map(v => <Brief key={v}>{props.desc}</Brief>)}
                            {props.money
                                ? <Brief >薪资:{props.money}</Brief>
                                : null}
                        </Item>

                    </List>
                    <WhiteSpace></WhiteSpace>
                    <List>
                        <Item onClick={this.logout}>退出登录</Item>
                    </List>
                </div>
            ):<Redirect to={props.redirectTo}/>
    }
}

export default User